import React from 'react'
import Header from './Header'
import Sider from './Sider'

export default function Layout({ children }) {
  return (
    <div className="min-h-screen flex flex-col">
      <Header />
      <div className="flex flex-1 bg-[var(--bg-color)] bg-center bg-no-repeat bg-cover">
        <div className="w-62"> <Sider /> </div>
        <div className="flex-1 h-[calc(100vh-48px)] overflow-y-auto px-4">
          <div>{children}</div>
        </div>
      </div>
    </div>
  )
}